
body {
	position:absolute;
	width:100%;
	height:100%;
}
.login {
background-image: url(images/loginBox.png);
height: 310px;
left: 240px;
padding: 3%;
position: absolute;
text-align: center;
width: 333px;
z-index: 2;
}

.buttonContent {
	width:100%;height:100%;margin-top: 80px; font-size: 22px; font-weight:bold;
	}

.closeButton {
background-image: url(images/closeButton.gif);
display: block;
height: 17px;
left: 310px;
position: relative;
width: 17px;
}

.logoDivGreen {
	margin:0 auto;text-align:center;font-size:72px;color:green;font-weight:bold;
	text-shadow: #8B8B8B 0px 4px 10px;
}
.logoDivYellow {
	margin:0 auto;text-align:center;font-size:72px;color:#FFCC00;font-weight:bold;
	text-shadow: #8B8B8B 0px 4px 10px;
}
.logoDivRed {
	margin:0 auto;text-align:center;font-size:72px;color:#E80000;font-weight:bold;
		text-shadow: #8B8B8B 0px 4px 10px;
}
.logoDivBlue {
	margin:0 auto;text-align:center;font-size:72px;color:blue;font-weight:bold;
	text-shadow: #8B8B8B 0px 4px 10px;
}
.logoDiv {
	margin:0 auto;text-align:center;
}
.emailDiv {
	text-align:center;
}
.emailInput {
	background:#fff;border:1px solid #ccc;border-bottom-color:#999;
	border-right-color:#999;font:18px arial,sans-serif bold;
	height:25px;width:496px;margin:0;padding:5px 8px 0 6px;color: rgb(153, 153, 153);
}

.dragdrop-selected,.dragdrop-dragging,.dragdrop-proxy {
	filter: alpha(opacity \= 100);
	opacity: 1.0;
}

.main {
-webkit-box-sizing: border-box;
-webkit-transition: width 0.15s;
-moz-box-sizing: border-box;
-moz-transition: width 0.15s;
margin: 0px auto;
min-height: 100%;
padding-bottom: 25px;
position: relative;
width: 920px;
}

.userName {
	padding: 2%;
	text-align: left;
}

.transitionGrid {
-webkit-user-select: none;
-moz-user-select: none;
height: 366px;
padding: 4px 0px;
position: relative;
}

.transitionPanel {
	min-height:150px;
	min-width:150px;
	margin:2%;
	background:white;
	position: absolute;
	-webkit-box-shadow: #8B8B8B 0px 4px 10px;
	-moz-box-shadow: #8B8B8B 0px 4px 10px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-transition: left 0.45s, top 0.45s;
	-moz-transition:left 0.45s, top 0.45s;
}
.engage {
	border:1px silver solid;
}


.boundaryPanel {
position:relative;overflow-x: hidden; overflow-y: hidden; width:900px; height:600px; 
}

.edit-mode-border {
-webkit-transition: top 0.15s, left 0.15s;
-moz-transition: top 0.15s, left 0.15s;
border-bottom-left-radius: 4px 4px;
border-bottom-right-radius: 4px 4px;
border-top-left-radius: 4px 4px;
border-top-right-radius: 4px 4px;
position: relative;
}

.headerContainer {
	text-align:right;
	border-bottom:solid 1px #C9D7F1;
	margin-bottom: 10px;
	padding:3px 0px;
	}
	
a {
	margin:0 1%;cursor:pointer; color:blue;
}

.errorMsgs {
	background:#FFB6B6;color:#CC1D1D;
}
.missingValue {
	border:1px solid #D01E5E;
	background:#FEF2F2;
}

input, textarea {
border: 1px solid #CCC;
}

.footer {
	bottom: 0px;
	height: 20px;
	position: absolute;
}

.gwt-Button {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
  background: url("images/hborder.png") repeat-x 0px -27px;
  border: 1px outset #000;
}
.gwt-Button:active {
  border: 1px inset #000;
}
.gwt-Button:hover {
  border: 1px outset #24d3ff;
}
.gwt-Button[disabled] {
  cursor: default;
  color: #777;
}
.gwt-Button[disabled]:hover {
  border: 1px outset #000;
}
